﻿/*************************************页面初始配置start***********************************/
body{margin: 0px; padding: 0px; border: 0px; overflow: hidden; height: 100%; width: 100%; font-size:14px; font-family:"微软雅黑";}
#title{font-size: 22px; font-family: Times New Roman; color: rgb(10,36,106); /*rgb(10,36,106)*/ font-weight: bold; display: block;}
#map, .olMap{height: 100%; width: 100%; overflow: hidden; position: absolute;}
.backgroundDiv{background-image: url("../Libs/images/background.png"); height: 15px; width: 16px; position: absolute; background-repeat: no-repeat; background-position: center center; left: 50%; top: 50%; z-index: 1;}
.layerSwitcherDiv{height: 30px; right: 0px; position: absolute; background-color: #F5F5F5; width: 120px; border: 1px solid; top: 0px; z-index: 2000;font-size:14px; font-family:"微软雅黑";}
.LabelList{height: 30px; line-height: 30px; position: absolute; top: 43px; z-index: 1; display:none;}
.LabelList ul{list-style: outside none none; margin: 0; padding: 0;}
.LabelList ul li{border: 1px solid #bccfeb; float: left; height: 30px; padding-left: 3px; width: 70px; box-shadow: 0 0 10px #5a6a81; background-color:#BBC9DE;}
.LabelList ul li:hover{background-color: #E3E8F0; cursor: pointer;}
.LabelList ul li:active{background-color: #d0d3cf;}
/*************************************页面初始配置end***********************************/
/*************************************实时水情start***********************************/
.logoImg{background-image: url(../Libs/images/logo.png); width: 378px; height: 75px; left:40px; position: absolute; z-index: 1000;}

.containerBack{width: 240px; height: 160px; position: absolute; z-index: 999; top: 80px; left: 30px;  opacity: 0.5; background-color: #D9D8D7;}

.applyImg{width: 88px; height: 30px; position: absolute; z-index: 1000; top: 80px; left: 30px; background-color: #D9D8D7; opacity: 0.8; text-indent: 11px; line-height: 30px; font-size: 15px;  }
.applyImg:hover{cursor:pointer;}
.closeDiv{width: 152px; height: 30px; position: absolute; z-index: 1000; top: 80px; left: 118px; opacity: 0.8; background-color: #D9D8D7;}
.closeImg{width: 25px; height: 25px; position: absolute; left: 125px; background-image: url("../Libs/images/Close.png");}
.closeImg:hover{cursor:pointer;}

.applyContainer{width: 240px; height: 130px; position: absolute; z-index: 1000; top: 110px; left: 30px; box-shadow: 0px 0px 10px #757770; font-size: 13px; }
.applyContainer ul{height: 132px; margin: 0px; padding: 0 0 0 20px;}
.applyContainer ul li{list-style: outside none none; float: left; width: 90px; margin: 20px 15px 0px 0px; font-size: 13px; left: 20px;}
.applyContainer ul li input{display: inline-block; margin: 0; vertical-align: middle; margin-top: -1px;}
.applyContainer ul li label{display: inline-block; padding-left: 10px;}
.sqDiv{position: absolute; right: 2px; height: 515px; width: 295px; z-index: 1000; border: thin solid #959095; top: 75px; box-shadow: 0px 0px 10px #5A6A81; display: none;}
.sqTop{height: 61px; width: 100%;}
.sqHeader{height: 33px; background-color: #DFDFDF; text-indent: 10px; line-height: 33px; border: 1px solid #E0C9C9;}
.sqHeader:hover{cursor:pointer;}
.sqContent{background-color: #FFF; height: 28px; border: 1px solid rgb(213, 196, 196);}
.sqContent input{margin: 8px 3px 3px 60px;}
.sqMain{height: 386px; width: 295px; background-color: #FBF9F9;}
.hlxxContent{height: 386px; width: 295px; overflow: auto; background-color: #FBF9F9; display: none;}
.hlxxContent table{background-color: #F7F7F7; width: 295px; border-collapse: collapse; table-layout: fixed;}
.hlxxContent table, tr, td, th{border: thin solid #959095; font-size: 12px;}
.hlxxContent table, tr{height: 30px;}
.hlxxContent table, th{width: 100px;}
.sqSplitDiv{background-image: url("../Libs/images/splitShow.png"); position: absolute; right: 0px; top: 76px; z-index: 1000; height: 78px; width: 30px; display: none;}
.sqSplitDiv:hover{cursor:pointer;}
.sssqTrInfo.a{background-color: #7FCEFF;}
.sssqTrInfo.b{background-color: #B2E1FF;}
.c{background-color: #F7F7F7;}
/*************************************实时水情end***********************************/
/************************************实时雨情start********************************/
.ssyqDiv{position: absolute; right: 2px; height: 515px; width: 295px; z-index: 1000; border: thin solid #959095; top: 75px; box-shadow: 0px 0px 10px #5A6A81; display: none;}
.yqTop{border: thin solid #959095; height: 110px; width: 100%;}
.yqCnter{border: thin solid #959095; height: 123px; width: 100%; margin-top: 5px;}
.yqBottom{width: 100%;}
.yqContent{background-color: White; height: 90px;}
.yqContent ul{height: 132px; margin: 0px; padding: 0px;}
.yqContent ul li{list-style: outside none none; background: transparent url("../Libs/images/taifeng/Wind01.png") no-repeat scroll 0% 0%; text-indent: 17px; float: left; width: 88px; margin: 10px 5px 0px; font-size: 12px; position: relative; left: 20px; display: inline;}
.yqContent ul li input{position: absolute; left: -20px; bottom: 1px;}
.yqTopTime{font-size: 13px; background-color: white; height: 77px;}
.yqTopTime input{width: 80px; margin-left: 4px; margin-top: 2px;}
.yqTopTime select{width: 60px; position: relative; left: 10px; height: 22px;}
.yqbottom{margin-top: 5px; border: thin solid #959095;}
.yqHeader{height: 33px; background-color: #DFDFDF; text-indent: 10px; line-height: 33px; border: 1px solid #E0C9C9;}
.yqHeader:hover{cursor:pointer;}
.ylxxContent{height: 170px; width: 295px; overflow: auto; background-color: #FBF9F9; display: none;}
.ylxxContent table{background-color: #F7F7F7; width: 295px; border-collapse: collapse; table-layout: fixed;}
.ylxxContent table, tr, td, th{border: thin solid #959095; font-size: 12px;}
.ylxxContent table, tr{height: 30px;}
.ssyqTrInfo.a{background-color: #7FCEFF;}
.ssyqTrInfo.b{background-color: #B2E1FF;}
.c{background-color: #F7F7F7;}
.yqSplitDiv{background-image: url("../Libs/images/splitShow.png"); position: absolute; right: 296px; top: 66px; z-index: 1000; height: 78px; width: 30px; display: none;}
.yqSplitDiv:hover{cursor:pointer;}
/************************************实时雨情end********************************/
/************************************台风路径start******************************/
.tfDiv{display: none;}
.tuliCoverLayer{position: absolute; z-index: 998; top: 280px;left: 30px;width: 240px; height: 160px; opacity: 0.5; background-color: #D9D8D7; }
.tuliDiv{position: absolute; top: 280px; z-index: 999; }
.tuliHeader{position: absolute; z-index: 1000; left: 30px; background-color: #D9D8D7; height: 30px; width: 88px; opacity: 0.8; text-indent: 11px; line-height: 30px; font-size: 15px;}
.tuliHeader:hover{cursor:pointer;}
.tuliContent{width: 240px; height: 130px; position: absolute; z-index: 1000; top: 30px; left: 30px;  font-size: 13px;  box-shadow: 0px 0px 10px #757770;}
.tuliContent ul{height: 132px; margin: 0px; padding: 0 0 0px 20px;}
.tuliContent ul li{list-style: none; background: url('../Libs/images/taifeng/Wind01.png') no-repeat; float: left; width: 70px; margin: 20px 10px 0 0; padding-left: 20px;}
.tfRightDiv{position: absolute; right: 2px; height: 515px; width: 295px; z-index: 1000; border: thin solid #959095; top: 75px; box-shadow: 0px 0px 10px #5A6A81;}
.tfHeader{height: 33px; background-color: #DFDFDF; text-indent: 10px; line-height: 33px; border: 1px solid #E0C9C9;}
.tfRightDiv table{border: 0; border-collapse: collapse; width: 100%;}
.tfRightDiv table tr td{text-align: center;}
.tfljDetailedTrInfo.a{background-color: #7FCEFF;}
.tfljDetailedTrInfo.b{background-color: #B3E1FF;}
.c{background-color: white;}
.choiceDiv{height: 220px; width: 295px; background: #F4F4F4;}
.resDiv{background: #F4F4F4 none repeat scroll 0% 0%; height: 295px; width: 295px; overflow: auto;}
.tfljContent{overflow: auto; height: 241px;}
.tfDetail{height: 230px; width: 200px;background: #f5f5f5 none repeat scroll 0% 0%;  z-index: 2000;}
.tfDetailHeader{text-indent: 10px; line-height: 34px; font-size: 14px; background: #e9e9e9 none repeat scroll 0% 0%;}
.tfDetailInfo{position: absolute; left: 20px;  height: 190px; width: 180px; top: 50px; font-size: 13px; line-height: 20px;  padding-left:5px; }
.closeDivTF{width: 152px; height: 28px; position: absolute; z-index: 1000; left: 118px; opacity: 0.8; background-color: #D9D8D7;}
.closeImgTF{width: 25px; height: 28px; position: absolute; left: 125px; background-image: url("../Libs/images/Close.png");}
.closeImgTF:hover{cursor:pointer;}
.tfSplitDiv{background-image: url("../Libs/images/splitShow.png"); position: absolute; right: 296px; top: 66px; z-index: 1000; height: 78px; width: 30px; display: none;}
.tfSplitDiv:hover{cursor:pointer;}
/************************************台风路径end********************************/

/************************************卫星云图********************************/
.ui-dialog,.ui-widget,.ui-widget-content,.ui-corner-all,.ui-front,.ui-draggable,.ui-resizable{ z-index: 9999; }
#dialog{font-size:14px;font-family:"微软雅黑"; z-index: 10000; width:920px; height:590px; }
.ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }
.ui-widget, .ui-widget input, .ui-widget select{font-size:14px;font-family:"微软雅黑";}
.ui-widget .ui-widget{font-size:14px; font-family:"微软雅黑"; color: #222222;}
#wxytIframe{ width:100%; height:100%; z-index: 10001;}
/************************************卫星云图end********************************/

/************************************标注Popup********************************/
.ol-popup {
    position: absolute;
    background-color: white;
    -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
    filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #cccccc;
    bottom: 12px;
    left: -50px;
}
.ol-popup:after, .ol-popup:before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.ol-popup:after {
    border-top-color: white;
    border-width: 10px;
    left: 48px;
    margin-left: -10px;
}
.ol-popup:before {
    border-top-color: #cccccc;
    border-width: 11px;
    left: 48px;
    margin-left: -11px;
}
.ol-popup-closer {
    text-decoration: none;
    position: absolute;
    top: 2px;
    right: 8px;
    cursor:pointer;
}
.ol-popup-closer:after {
    content: "✖";
}
#popup-content{
    font-size:14px;
    font-family:"微软雅黑";
}

/************************************标注Popup end********************************/